<template>
  <div>
    <ArticleSwiper></ArticleSwiper>
    <div style="height: 50px"></div>
    <div  v-for="item in items">
      <div class="content">
        <a class="pass-title" href="#" target="_blank">{{ item.title }}</a>
        <p class="abstract">{{ item.abstract }}</p>
        <hr />
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
import ArticleSwiper from "../components/ArticleSwiper";

export default {
    components: {ArticleSwiper},
    props: [],
    data(){
        return{
            items:[{title:'sdkfdskfldfldsk',abstract:"最近入手了一台ipad，用了一段时间感觉确实不亏，app store里真的有很多学习神器，尤其是随着ipadOS的发布，ipad将承担越来越多的..."},{title:'sdkfdskfldfldsk',abstract:"最近入手了一台ipad，用了一段时间感觉确实不亏，app store里真的有很多学习神器，尤其是随着ipadOS的发布，ipad将承担越来越多的..."},{title:'sdkfdskfldfldsk',abstract:"skflsdfkasf;ljfklsjkfsjfkkkkfs"},{title:'sdkfdskfldfldsk',abstract:"skflsdfkasf;ljfklsjkfsjfkkkkfs"}]
        }
    }
}
</script>
<style>
.content {
  min-height: 140px;
  position: relative;
  width: 100%;
  margin: 0 0 15px;
  text-align: left;
  padding: 15px 2px 20px 0;
  border-bottom: 1px solid #f0f0f0;
  word-wrap: break-word;
}
.abstract {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 24px;
  color: #999;
}

.pass-title {
  margin: -7px 0 4px;
  display: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: black;
}
</style>
